<template>
  <div>
        <el-upload
            class="upload-demo"
            ref="upload"
            action="http://localhost:3000/upload"
            :on-success='successFn'
            :file-list="fileList"
            :auto-upload="false">
            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
        </el-upload>
  </div>
</template>

<script>
export default {
    name:'uploadImg',
    data(){
        return{
            fileList:[]
        }
    },
    methods:{
        successFn(response){
            // , file, fileList
            console.log(response)
            this.$emit('getPicUrl',response)
        },
        submitUpload() {
            this.$refs.upload.submit();
        },
    }
}
</script>

<style>

</style>